<!DOCTYPE html>
<html>
	<meta charset="UTF-8">

	<head>
		<meta charset="{CHARSET}">

		<title> 本周亮点</title>

		<style>
			.border {
				border: 5px solid darkblue;
			}
			
			.float_right {
				float: right;
			}
			
						.child-box {
			}
			.child-text{
				margin:20px 15px 15px 20px;
			}
			
			
		</style>
		<script src="//code.jquery.com/jquery-1.10.2.js"></script>

	</head>

	<body>

			<div class="" style="left:0 ; top:0;height:30% ;width: 100%;background-color: #FFD700 ;position: absolute;position: fixed; z-index:999999">
				基础模板
				<div class="" style="display:flex;height: 40px;position: absolute;bottom: 0px;right: 150px;">
					<div id="首页" class="border" style="width: 80px;height: 30px;">
						首页
					</div>
					<div id="新闻" class="border" style="width: 80px;height: 30px;">
						新闻
					</div>
					<div id="关于" class="border" style="width: 80px;height: 30px;">
						关于
					</div>
					<div id="联系我们" class="border" style="width: 80px;height: 30px;float: right;">
						联系我们
					</div>

				</div>
			</div>

			<div id="idex" class="hello" style="position: relative;top: 150px; width: 900px;">

				<div style="background-color:azure;height: 500px;">
					<table width=100% height=300px border="1">

						<tr>
							<td>
								<a href=" ">百度</ a>
							</td>
						</tr>

						<tr>
							<td>
								<a href="https://www.baidu.com">百度</ a>
							</td>
						</tr>

						<tr>
							<td>
								<a href='#'>***************************爆料大新闻3*************************** </ a>
							</td>
						</tr>

						<tr>
							<td>***************************爆料大新闻4*************************** </td>
						</tr>
						<tr>
							<td> ***************************爆料大新闻5***************************</td>
						</tr>
						<tr>
							<td>***************************爆料大新闻6*************************** </td>
						</tr>
						<tr>
							<td>***************************爆料大新闻7*************************** </td>
						</tr>
						<tr>
							<td> ***************************爆料大新闻8***************************</td>
						</tr>
						<tr>
							<td>***************************爆料大新闻9*************************** </td>
						</tr>
						<tr>
							<td> ***************************爆料大新闻10***************************</td>
						</tr>

					</table>
				</div>

			</div>
			<div id="" class="listtext" style="height: 50px;width: 100%;background-color: #FFD700;position: relative;position: fixed;bottom: 0px; z-index:999999">
				这是底部
			</div>


	</body>

	<script>
	</script>

</html>